<template>
    <div class="cloud_music">
        <router-view class="cloud_music_main" />
        <!-- docker导航菜单栏 -->
        <!-- <docker></docker> -->
        <!-- <div class="lyric">
            <color-picker @change="getColor" :config="{attr: {defaultValue: '#f54040'}}"></color-picker>
        </div> -->
    </div>
</template>
<script>
export default {
    mounted () {
        window.addEventListener('contextmenu', (e) => {
            e.preventDefault()
            window.electron && window.electron.showContextMenu({})
        })
        // this.$store.replaceState(
        //     Object.assign(
        //         {},
        //         this.$store.state,
        //         JSON.parse(sessionStorage.getItem('store') || '{}')
        //     )
        // )
        // window.addEventListener('beforeunload', () => {
        //     sessionStorage.setItem('store', JSON.stringify(this.$store.state))
        // })
    },
    methods: {
        getColor (val) {
            console.log(val, 'color')
        }
    }
}
</script>
<style>
#app, .cloud_music {
  /* font-family: Avenir, Helvetica, Arial, sans-serif; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  height: 100%;
}
#app.dark-mode-invert {
    /* filter: invert(100%); */
    overflow: hidden;
}
/* #app.dark-mode-invert >.cloud_music {
    filter: invert(100%);
} */
#app.dark-mode-invert >.cloud_music {
    background: #000 !important;
}
#app.dark-mode-invert >.cloud_music .cloud_music_main .main {
    filter: invert(100%);
}
#app.dark-mode-invert >.cloud_music .cloud_music_main img {
    filter: invert(100%);
}
#app.dark-mode-invert >.cloud_music .cloud_music_main .slider-container {
    filter: invert(100%);
}
#app.dark-mode-invert >.cloud_music .cloud_music_main .slider-container img {
    filter: invert(100%);
}
#app.dark-mode-invert >.cloud_music .cloud_music_main .aside .img {
    filter: invert(100%);
}
#app.dark-mode-invert >.cloud_music .cloud_music_main .aside .img img {
    filter: invert(100%);
}
#app.dark-mode-invert .song-detail,
#app.dark-mode-invert .theme-dialog .pic-list {
    filter: invert(100%);
}
#app.dark-mode-invert>.cloud_music .video-detail{
    background-color: #000!important;
}
#nav {
  padding: 30px;
}

#nav a {
  font-weight: bold;
  color: #2c3e50;
}

#nav a.router-link-exact-active {
  color: #42b983;
}
</style>
